<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <title>推广赚钱</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <script src="js/rem.js"></script>
    <script src="js/jquery.min.js" type="text/javascript"></script>
    <link rel="stylesheet" type="text/css" href="css/base.css"/>
    <link rel="stylesheet" type="text/css" href="css/page.css"/>
    <link rel="stylesheet" type="text/css" href="css/all.css"/>
    <link rel="stylesheet" type="text/css" href="css/mui.min.css"/>
    <link rel="stylesheet" type="text/css" href="css/loaders.min.css"/>
    <link rel="stylesheet" type="text/css" href="css/loading.css"/>
    <script type="text/javascript">
        $(window).load(function () {
            $(".loading").addClass("loader-chanage")
            $(".loading").fadeOut(300)
        })
    </script>
</head>
<!--loading页开始-->
<div class="loading">
    <div class="loader">
        <div class="loader-inner pacman">
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
        </div>
    </div>
</div>
<!--loading页结束-->
<body>
<header class="mui-bar mui-bar-nav report-header box-s" id="header">
    <a href="javascript:history.go(-1)"><i class="iconfont icon-fanhui fl"></i></a>
    <p>推广赚钱</p>
</header>
<div id="main" class="mui-clearfix">
    <!--pcenter top star-->
    <div class="ptop ptoptwo clearfloat">
        <div class="tu clearfloat">
            <img src="img/pcenter-tou.jpg"/>
        </div>
        <p class="tel ta-c">
            13333333333
        </p>
        <p class="hyuan ta-c">
            VIP会员
        </p>
    </div>
    <!--pcenter top end-->
    <div class="extension clearfloat box-s">
        <a href="#" class="tui-btn tui-btntwo">
            点击右上角分享链接
        </a>
        <ul class="clearfloat">
            <li class="tit">如何送福利</li>
            <li>
                1.使用微信右上角分享功能转发发送给朋友、微信群或
                朋友圈。朋友识别关注并注册后你将成为他们的健康大使,
                他们将成为您的团队成员，他们购物时，你获得收益。
            </li>
            <li>
                2.每自然月通过您分享进入到本平台客户奖励为阶梯状态。
                通过分享拉取20位用户不满30位的，奖励现金红包25元；
                通过分享拉取30位用户不满40位的，奖励现金红包35元；
                通过分享拉取40位用户不满50位的，奖励现金红包50元；
                通过分享拉取50位用户的奖励现金红包60元，每多一人多
                2元现金红包。
            </li>
            <li>
                2.送福利每发展一个团队成员（为注册过且属于关注状态）
                第一次购买时您就将获得100积分奖励；以后团队成员每次
                消费，您将获得消费金额的10%比例的积分。
            </li>
            <li>
                3.100积分兑换3元现金优惠券；150积分兑换5元现金优惠
                券；250积分兑换10现金优惠券。
            </li>
            <li>
                4.所兑换的现金优惠券在本商城消费是可直接抵用。
            </li>
            <li>
                5.如存在违规行为，将会取消资格，优惠券作废。养老惠商
                城可在法律法规允许范围内对本次活动规则进行解释。
            </li>
        </ul>
        <div class="ex-bottom clearfloat box-s">
            <span class="fl">我的团队</span>
            <span class="fr">已邀请：0人</span>
        </div>
        <div class="ex-ctent clearfloat">
            <dl class="fl clearfloat">
                <dt>手机号码</dt>
                <dd>1355555****</dd>
                <dd>1355555****</dd>
                <dd>1355555****</dd>
            </dl>
            <dl class="fl clearfloat">
                <dt>注册时间</dt>
                <dd>2016-04-20</dd>
                <dd>2016-04-20</dd>
                <dd>2016-04-20</dd>
            </dl>
            <dl class="fl clearfloat">
                <dt>是否消费</dt>
                <dd>是</dd>
                <dd>是</dd>
                <dd>是</dd>
            </dl>
        </div>
    </div>
</div>
</body>
<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
<script src="js/fastclick.js"></script>
<script src="js/mui.min.js"></script>
<script type="text/javascript" src="js/hmt.js"></script>
<script>
    function sendCode() {
        //localStorage--为了前端存储openid
        var openid = localStorage.getItem("openid");
        alert(openid);
        if (openid == null) {
            var strArray = location.href.split("&")[0].split("=");
            if (strArray.length > 1) {
                var code = strArray[1];
                //alert("code:"+code);//弹出code值
                $.ajax({
                    type: "post",
                    url: "http://0lov29o.hn3.mofasuidao.cn/wx/code",
                    data: {"code": code},
                    dataType: "json",
                    //异步变为同步
                    async: false,
                    success: function (data) {
                        alert(data.data.openid);
                        localStorage.setItem("openid", data.data.openid);
                    }
                })
            }
        }
    }

    function getConfigPer() {
        $.ajax({
            type: "post",
            url: "http://0lov29o.hn3.mofasuidao.cn/wx/share",
            data: {"targetUrl": location.href.split("#")[0], "openid": localStorage.getItem("openid")},
            dataType: "json",
            success: function (data) {
                wx.config({
                    debug: false, //false   不弹出页面//true 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
                    appId: data.data.appId, // 必填，公众号的唯一标识
                    timestamp: data.data.timestamp, // 必填，生成签名的时间戳
                    nonceStr: data.data.nonceStr, // 必填，生成签名的随机串
                    signature: data.data.signature,// 必填，签名
                    jsApiList: [
                        'updateAppMessageShareData',
                        'updateTimelineShareData'
                    ] // 必填，需要使用的JS接口列表
                });
                wx.ready(function () {
                    // config信息验证后会执行ready方法，
                    // 所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，
                    // 所以如果需要在页面加载时就调用相关接口，则须把相关接口放在ready函数中调用来确保正确执行。
                    // 对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中。


                    //分享朋友及qq好友
                    wx.updateAppMessageShareData({
                        title: '分享到QQ好友及朋友', // 分享标题
                        desc: '这是一个分享好友的请求', // 分享描述
                        link: 'http://0lov29o.hn3.mofasuidao.cn/app/qrcode.html?ticket=' + data.data.ticket, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                        imgUrl: 'http://0lov29o.hn3.mofasuidao.cn/app/images/facepic.jpg', // 分享图标
                        success: function () {
                            // 设置成功
                        }
                    })
                    //分享到朋友圈及QQ空间
                    wx.updateTimelineShareData({
                        title: '分享到朋友圈及QQ空间', // 分享标题
                        link: 'http://0lov29o.hn3.mofasuidao.cn/app/qrcode.html?ticket=' + data.data.ticket, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                        imgUrl: 'http://0lov29o.hn3.mofasuidao.cn/app/images/facepic.jpg', // 分享图标
                        success: function () {
                            // 设置成功
                        }
                    })
                });
            }
        })

    }

    $(function () {
        sendCode();
        getConfigPer();
    })
</script>
</html>
